<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="../css/index.css">
        <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css">
        <link rel="stylesheet" href="../lib/swiper/css/swiper.min.css">
    </head>
    <body >
        <div class="box1">
            <div class="header1">
                <ul>
                    <li>小米商城</li>
                    <span>|</span>
                    <li>MIUI</li>
                    <span>|</span>
                    <li>loT</li>
                    <span>|</span>
                    <li>云服务</li>
                    <span>|</span>
                    <li>金融</li>
                    <span>|</span>
                    <li>有品</li>
                    <span>|</span>
                    <li>小爱开放平台</li>
                    <span>|</span>
                    <li>企业团购</li>
                    <span>|</span>
                    <li>资质证照</li>
                    <span>|</span>
                    <li>协议规则</li>
                    <span>|</span>
                    <li>下载APP</li>
                    <span>|</span>
                    <li>Select Location</li>
                </ul>
                <ol>
                    <li><div class="shop">购物车(0)</div></li>
                    <li>消息通知</li>
                    <span>|</span>
                    <li>注册</li>
                    <span>|</span>
                    <li>登录</li>  
                </ol>   
            </div>
        </div>

        <div class="box2">
            <div class="header2">
                <div class="logo">
                    <img src="//s02.mifile.cn/assets/static/image/mi-logo.png" alt="">
                </div>
                <ul class="nav-top">
               
                </ul>
                <form class="select" action="">
                    <input type="text" name="" id="inp">
                    <span></span>
                </form>
            </div>
            
            <div class="nav-box">
               <ul>

               </ul>
            </div>
        </div>

        <div class="box3">
           <div class="banner">         
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/56e491c83bde043ca4e8ff2d8255dfef.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/755aca9487082e7698e16f17cfb70839.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcb09c80c58dc9d71623c925739a3733.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6bd4174b8c5aad67a64864a5716ad152.jpg?thumb=1&w=1533&h=575&f=webp&q=90" alt="">
                    </div>
                   
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination aa"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev prev"></div>
                <div class="swiper-button-next"></div>
                
                <!-- 如果需要滚动条 -->
                <!-- <div class="swiper-scrollbar"></div> -->
            </div>
            <div class="nav">
                <ul>
                    
                </ul>
           </div>
           <div class="nav-box2">
                <ul>
                  
                    
                </ul>
           </div>
           </div>
        </div>
        <div class="box4">
            <div class="header3">
                <div class="a">
                    <ul>
                        <li>
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
                            <p>小米秒杀</p>
                        </li>
                        <li>
                         <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt="">
                            <p>企业团购</p>
                        </li>
                        <li>
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt="">
                            <p>F码通道</p>
                        </li>
                        <li>
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
                            <p>米粉卡</p>
                        </li>
                        <li>
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt="">
                            <p>以旧换新</p>
                        </li>
                        <li>
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt="">
                            <p>话费充值</p>
                        </li>
                    </ul>
                </div>
                <div class="a">
                    <img  class="imgs" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7bc54a61b927dd8c54ddd39a0acf0254.jpg?w=632&h=340" alt="">
                </div>
                <div  class="a">
                    <img class="imgs" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c74e01afe50a86c3a87ff030b85781.jpg?w=632&h=340" alt="">
                </div>
                <div  class="a">
                    <img class="imgs" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&h=340" alt="">
                </div>
            </div>
        </div>
       <div class="boxmax">
            <div class="box44">
                <div class="top">
                    <div>小米闪购</div>
                    <span></span><span></span>
                </div>
                <div class="bot">
                    <div class="left">
                       
                    </div>
                    <ul class="right">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="box5">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11fc2ced4d8b5a924633f9a5b59f9fd2.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="">
            </div>
            <div class="box6">
                <div class="top">
                    <div>手机</div>
                    <div>查看全部</div>
                </div>
                <div class="bob">
                    <div class="left">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=293&h=768&f=webp&q=90" alt="">
                    </div>
                        <ul class="right">
                            <li>    
                                    <div>
                                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0099822e42b4428cb25c4cdebc6ca53d.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                    </div>
                                    <p>Redmi K30</p>
                                    <p>晓龙865/1亿像素相机</p>
                                    <p>1599元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2c16238f786e4f93bdb175d7bf21aa47.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>Redmi k30 5G</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/53641901fbc28cbcdb495b17fdf69e46.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>小米CC9 Pro</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/07270cc09689eb9b13b29aa9f6bc41eb.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>Redmi 8</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d295c4fb500d163a7045dc715b47f808.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>Redmi 8A</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c924c3f3436b6934495fd98f159ee3f7.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>Redmi Note 8 Pro</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6f2493e6c6fe8e2485c407e5d75e3651.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>Redmi Note8</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                            <li>
                                <div>
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4c87947d104ee5833913e4c520108f16.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                </div>
                                <p>小米10</p>
                                <p>晓龙865/1亿像素相机</p>
                                <p>3999元起</p>
                            </li>
                        </ul>
                </div>
            </div>
            <div class="box7-1">
                    <div class="imgs">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&w=1533&h=150&f=webp&q=90" alt="">
                    </div>
                    <div class="tab">
                        <ul class="tab-top">
                            <li>家电</li>
                            <li class="bb">电视影音</li>
                            <li class="aa">热门</li>
                        </ul>
                        <div class="tab-box">
                            <div class="tab-left">
                                <div class="i1">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b56fd90a60e3d9e5d87dae9fbd427ea8.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                </div>
                                <div class="i2">
                                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b67de5a8ce9025fb5d8bac66e019d1c3.jpg?thumb=1&w=293&h=375&f=webp&q=90" alt="">
                                </div>
                            </div>
                                <div class="tab-right">
                                  <ul class="a1">
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8ce424d6fe93dfb74733b5838140b7ee.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li class="i3">
                                        <div>
                                            <p>Air13.3 2019款</p>
                                            <p>5699元起</p>
                                        </div>
                                        <div>
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="">
                                        </div>
                                    </li>
                                    <li class="i3">
                                        <div>
                                            <p>浏览更多</p>
                                            <p>热门</p>
                                        </div>
                                        <div>
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="">
                                        </div>
                                    </li>
                                  </ul>
                                  <ul class="a2">
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li>
                                        <div class="imgs">
                                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&w=250&h=250" alt="">
                                        </div>
                                        <p>米家互联网空调C1(一级能效)</p>
                                        <p>变频节能省电，自清洁</p>
                                        <p>2699元</p>
                                    </li>
                                    <li class="i3">
                                        <div>
                                            <p>小米盒子4</p>
                                            <p>299元起</p>
                                        </div>
                                        <div>
                                            <img src="https://i8.mifile.cn/b2c-mimall-media/aa8a6ce3b2b1201d74d0197482f3403b!125x125.jpg" alt="">
                                        </div>
                                    </li>
                                    <li class="i3">
                                        <div>
                                            <p>浏览更多</p>
                                            <p>电视影音</p>
                                        </div>
                                        <div>
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&w=125&h=125&f=webp&q=90" alt="">
                                        </div>
                                    </li>
                                  </ul>
                                </div>
                        </div>
                    </div>
            </div>
       </div>
       <div class="end-top">
           <ul>
               <li>预约维修服务</li>
               <li>7天无理由退货</li>
               <li>15天免费换货</li>
               <li>满99元包邮</li>
               <li>520余家售后网点</li>
           </ul>
       </div>
       <div class="end-center">
            <div class="end-left">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl>
                    <dt>服务支持</dt>
                    <dd>售后政策</dd>
                    <dd>自主服务</dd>
                    <dd>相关下载</dd>
                </dl>
                <dl>
                    <dt>线下门店</dt>
                    <dd>小米之家</dd>
                    <dd>服务网点</dd>
                    <dd>授权体验店</dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd>了解小米</dd>
                    <dd>加入小米</dd>
                    <dd>投资者关系</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd>新浪微博</dd>
                    <dd>官方微信</dd>
                    <dd>联系我们</dd>
                </dl>
                <dl>
                    <dt>特殊服务</dt>
                    <dd>F码通道</dd>
                    <dd>礼物码</dd>
                    <dd>防伪查询</dd>
                </dl>
            </div>
            <div class="end-right">
                <p class="phone">400-100-5678</p>
                <p>
                    周一至周日 8:00-18:00
                    <br>
                    (仅收市话费)
                </p>
                <p>人工客服</p>
            </div>
       </div>



    <script src="../lib/swiper/js/swiper.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../lib/jquery/dist/jquery.min.js"></script>
    <script>
        var mySwiper = new Swiper ('.swiper-container', {
            autoplay:{
                delay:1500
            },
            loop: true, // 循环模式选项
    
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    
    // 如果需要滚动条
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })        


         /* $('.tab-top>.aa').mousemove(function(){
             $('.a1').addClass('act')
                     .siblings()   
                     .removeClass('act')
            $('.tab-top>.aa').css('color','red')
         })
         $('.tab-top>.bb').mousemove(function(){
             $('.a2').addClass('act')
                     .siblings()   
                     .removeClass('act')
                     $('.tab-top>.bb').css('color','red')       
         })
         $('.tab-top>.aa').mouseleave(function(){
            $('.tab-top>.aa').css('color','black')
         })
         $('.tab-top>.bb').mouseleave(function(){
            $('.tab-top>.bb').css('color','black')
         }) */

          getlist()
            function getlist(){
                $.ajax({
                    url:'../lib/nav_top.json',
                    dataType:'json',
                    success:function(res){
                        console.log(res)

                        var str=""
                        res.forEach(item => {
                            str += `<li>${item.name}</li>`
                        })
                        $('.nav-top')
                            .html(str)
                            .on({
                                mouseenter:()=>$('.nav-box').stop().slideDown(),
                                mouseleave:()=>$('.nav-box').stop().slideUp()
                            })
                            .children('li')
                            .on('mouseover',function(){
                                const index=$(this).index()
                                const list=res[index].list
                                var str=''
                                list.forEach(item=>{
                                    str +=`
                                    <li>
                                    <div class="imgs">
                                        <img src="${item.list_url}">
                                    </div>
                                    <div class="name">${item.list_name}</div>
                                    <div class="price">${item.list_price}</div>
                                    </li>
                                    `
                                })
                                $('.nav-box>ul').html(str)
                            })
                        $('.nav-box')
                             .on({
                                 mouseover:function(){$(this).finish().show()},
                                mouseout:function(){$(this).finish().slideUp()}
                            })
                    }

                })
            }
          setlist()
          function setlist(){
              $.ajax({
                  url:'../lib/nav_box.json',
                  dataType:'json',
                  success:function(res){
                      var str=""
                      res.forEach(item=>{
                          str +=`<li>${item.name}<div>111</div></li>`
                      })
                      $('.nav>ul')
                        .html(str)
                        .on({
                            mouseenter:()=>$('.nav-box2').stop().show(),
                            mouseleave:()=>$('.nav-box2').stop().hide()
                        })
                        .on('mouseover',function(){
                          
                        })
                        .children("li")
                        .on('mouseover',function(){
                            const index=$(this).index()
                            const list=res[index].list
                            var str=""
                            list.forEach(item=>{
                                str+=`
                                    <li>
                                        <img src="${item.list_url}">
                                        <div class="names">${item.list_name}</div>
                                `
                            })
                            $('.nav-box2>ul').html(str)
                        })
                        $('.nav-box2')
                        .on({
                        mouseover:function(){$(this).finish().show()},
                        mouseout:function(){$(this).finish().hide()}
                   })
                  }
              })
          }      
          tab1list()
          function tab1list(){
              $.ajax({
                url:'../lib/tab1.json',
                  dataType:'json',
                  success:function(res){
                      var str=""
                      res.forEach(item => {
                          str +=`
                            <li>${item.name}</li>
                          `
                      })
                      $('.tab-top')
                        .html(str)
                        .on({
                            mouseenter:()=>$('.aa').css('color','red'),
                            mouseenter:()=>$('.bb').css('color','red')
                        })
                        .children('li')
                        .on('mouseover',function(){
                            const index=$(this).index()
                       const list=res[index].list
                       var str=''
                       list.forEach(item=>{
                           str +=`
                           <li>
                                        <div class="imgs">
                                            <img src="${item.list_url}" alt="">
                                        </div>
                                        <p>${item.list_name}</p>
                                        <p>${item.list_li}</p>
                                        <p>${item.list_price}</p>
                                    </li>
                           
                           `
                        })
                        $('.tab-right>ul').html(str)  
                   })
                }
            })
          }
          
          
    
    </script>
   
       
    </body>
</html>